$(function () {
	//定义一个main对象记录首页的轮播，以及页面翻滚前后的图片序号

	$('.banner ul')
	const main={curIndex:0};
	$('#fullpage').fullpage(
		{
			navigation: true,
			loopBottom: true,
			loopTop: true,

			afterLoad:(anchorLink,index)=>{
				if(index==1){
					//    todo

					main.fp_banner=()=>{
						
						let length=$('.banner_ul>li').length;

						//收个li立即缩放
						$('.banner_ul li').eq(main.curIndex).css({ 'transition': '2.6s', 'transform':'translateZ(0)'});
						main.firstPagebanner=setInterval(function(){
							main.curIndex++;
							if(main.curIndex>2)$('.banner_ul .begin').removeClass('begin');
							$('.banner_ul .prev').removeClass('prev');
							$('.banner_ul li').not($('.banner_ul .active,.prev,.begin')).
							css({ 'transition': 'none', 'opacity': '0', 'z-index': '0', 'transform': 'translateZ(30px)' });
							
							$('.banner_ul .active').toggleClass('prev active').css({ 'z-index': 1 });
							
							$('.banner_ul li').eq(main.curIndex).css({'z-index':'2'});
							
							//规定将要进行缩放的li为active
							$('.banner_ul li').eq(main.curIndex).css({ 'transition': '2.8s','opacity':1,'transform':'translateZ(0)'})
							.addClass('active');
							if(main.curIndex==(length-1))main.curIndex=-1;
						},3000)
					};
					//利用函数类返回定时器 在页面首次加载时做第一个li的缩放动画之后从main.curIndex页开始轮播
					main.fp_banner();
				};
				if(index==2){
					$('.product_imgs li').mouseover(function () {
						$(this).css({ 'width': '60%' }).siblings().css({ 'width': '10%' });
						setTimeout(() => {
							$(this).find('img').css({ 'transform': 'translateX(0)' });
						}, 400);
					})
					$('.product_imgs li').mouseleave(function () {
						$('.product_imgs li').css({ 'width': '20%' }).find('img').removeAttr('style');
					})
				}
			},
			onLeave:(index, nextIndex, direction)=>{
				// 离开第一页时
				if(index==1){
					//清除轮播定时器
					clearInterval(main.firstPagebanner);
					$('.banner_ul li').eq(main.curIndex).css({'transition':'none', 'transform': 'translateZ(30px)' });
				}
			}
		}
	)
})